/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
body,html{font-family:'微软雅黑';height:100%}
body{text-align:center;margin:0 auto;padding:0;background:#fff;font-size:15px;color:#000;width:100%;width:expression(document.body.clientWidth <= 320? "320px":"auto");min-width:320px}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd}
input{padding:0;font-family:'微软雅黑'}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{width:100%;max-width:1300px;margin:0 auto;text-align:left;box-sizing:border-box}
.box:after,.clearfix:after,ul:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 默认链接颜色 */
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#0666b2;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

.yys{-moz-box-shadow:0 0 15px #9bbfdb;-webkit-box-shadow:0 0 15px #9bbfdb;box-shadow:0 0 15px #9bbfdb;}
.b70{ padding-bottom:70px;}
.b100{padding-bottom:100px;}

/*-------*/
.header{padding:30px 0 26px;position:fixed;left:0;top:0;z-index:9;width:100%;transition:all .4s ease;}
.header .box{max-width:1600px;padding:0 3%;}
.header .logo{float:left;}
.header .logo img{display:block;height:51px;padding-bottom:5px}
.header .logo img.i2{display:none}
.header .menu{float:right;padding:9px 10px;border:1px solid #ddd;margin-top:14px;display:none;}
.header .menu span{display:block;width:22px;height:2px;line-height:2px;margin-top:4px;background:#fff}
.header .menu span:nth-of-type(1){margin-top:0}
.header .nav{box-sizing:border-box;float:right}
.header .nav ul{width:100%;font-size:0}
.header .nav ul li{display:inline-block;padding:0 15px;position:relative}
.header .nav ul li a.a{color:#fff;display:block;line-height:51px;font-size:17px;padding-bottom:5px}
.header .nav ul li a.a:hover{color:#fff; background:url(../images/hr.png) repeat-x left bottom;}
.header .nav ul li.last{ padding-right:0}
.header .nav ul li.last a,.header .nav ul li.last a:hover{ background:url(../images/bt.png) repeat-y center center; background-size:100% auto; padding:0 30px 0 50px; height:47px; line-height:47px;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;border-radius:24px; position:relative}
.header .nav ul li.last a:after{content:"";display:block;height:16px;width:16px;background:url(../images/tel.png) no-repeat center center; position:absolute; left:25px; top:17px;}
.header-white,.cheader .header{background:#fff;border-bottom:1px solid #f6f6f6;padding:30px 0 26px}
.header-white{padding:16px 0}
.header-white .logo img.i2,.cheader .header .logo img.i2,.header-white .tell img.i2,.cheader .header .tell img.i2{display:block}
.header-white .logo img.i1,.cheader .header .logo img.i1,.header-white .tell img.i1,.cheader .header .tell img.i1{display:none}
.header-white .nav ul li a.a,.cheader .header .nav ul li a.a{color:#333}
.header-white .nav ul li a.a:hover,.cheader .header .nav ul li a.a:hover{color:#333; background:url(../images/va_r1.png) repeat-x left bottom}
.header .nav ul li.last a,.header .nav ul li.last a:hover,.cheader .header .nav ul li.last a,.cheader .header .nav ul li.last a:hover{color:#fff; background:url(../images/bt.png) repeat-y center center; background-size:100% auto;}
.header-white .menu span{ background:#666}
.header .mnav{ border-top:1px solid #f6f6f6; position:absolute; top:112px; width:100%; background:#fff; display:none}
.header .mnav ul{ width:100%; box-sizing:border-box;}
.header .mnav ul li{ padding:10px 15px; text-align:left; border-bottom:1px solid #f6f6f6; position:relative}
.header .mnav ul li a.a{ display:block; font-size:16px; line-height:28px; margin-right:25px}
.header .mnav ul li i{display:block;width:28px;height:28px;background:url(../images/jjj.png) no-repeat center;background-size:60%;position:absolute;right:10px;top:10px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
.header .mnav ul li i.fan{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.header .mnav ul li div{ padding-top:10px; font-size:0; display:none}
.header .mnav ul li div a{ display:inline-block; font-size:15px; line-height:28px; padding-right:10px; color:#666}
.header .mnav.mnav-white{top:88px}
.header .menu.toggle-animate{ padding:15px 10px;}
.header .menu.toggle-animate span:nth-of-type(1){ display:none}
.header .menu.toggle-animate span:nth-of-type(2){margin-top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.header .menu.toggle-animate span:nth-of-type(3){margin-top:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cheader .header .menu span{ background:#666}
.zwbox{display:none}

.tbox{width:100%;height:270px;line-height:270px;background:url(../images/tbg.png) repeat-x left top; background-size:auto 100%; position:absolute; left:0; top:0; z-index:2}
.mySwiper{width:100% !important;position:relative}
.mySwiper .swiper-slide{overflow:hidden; cursor:pointer}
.mySwiper .swiper-slide img{ display:block; width:100%;}
/*
.mySwiper .swiper-slide .im{width:100%;height:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center; box-sizing:border-box; padding:6% 3% 0; max-width:1600px; margin:0 auto}
.mySwiper .swiper-slide .im .zuo{ width:50%; text-align:left; color:#fff; box-sizing:border-box; padding-left:30px;}
.mySwiper .swiper-slide .im .zuo h2{ display:block; font-size:68px; line-height:88px; font-weight:normal}
.mySwiper .swiper-slide .im .zuo p{ font-size:36px; line-height:60px; padding:20px 0 25px; background:url(../images/hr-a.png) no-repeat left bottom;}
.mySwiper .swiper-slide .im .you{ width:50%; text-align:right}
.mySwiper .swiper-slide .im .you img{ max-width:100%;}
*/
.mySwiper .swiper-pagination-bullet{width:40px;height:3px;background:#eee;opacity:.8;border-radius:0}
.mySwiper .swiper-pagination-bullet-active{opacity:1;background:#fff}
.mySwiper .swiper-dian{bottom:4%;text-align:right;width:94%;padding:0 3%}

.cbg{ background:url(../images/cbg.png) no-repeat right center #fff; background-size:auto 100%}
.ntab{ padding:90px 0; background:url(../images/hx.png) repeat-y 60px top;display:flex;flex-wrap:wrap;align-items:center;}
.ntab .tabs{ width:100px; padding:0 10px;}
.ntab .tabs ul li{ background:#cde0f0;width:100%; height:100px;/*display:flex;flex-wrap:wrap;align-items:center;*/text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; padding:8px; box-sizing:border-box; color:#CBD8E9; margin-top:65px; cursor:pointer}
.ntab .tabs ul li:nth-of-type(1){ margin-top:0}
.ntab .tabs ul li span{ display:block; font-size:15px;width:100%; height:100%; line-height:22px; background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; box-sizing:border-box; padding:21px 5px 0;}
.ntab .tabs ul li.active{background:-webkit-linear-gradient(left top, #018fd1 , #0666b2);background:-o-linear-gradient(bottom right, #018fd1, #0666b2);background:-moz-linear-gradient(bottom right, #018fd1, #0666b2);background:linear-gradient(to bottom right, #018fd1 , #0666b2); color:#0666b2;-moz-box-shadow:0 0 20px #89afcd;-webkit-box-shadow:0 0 20px #89afcd;box-shadow:0 0 20px #89afcd;}
.ntab .tabs ul li.active span{-moz-box-shadow:0 0 20px #89afcd inset;-webkit-box-shadow:0 0 20px #89afcd inset;box-shadow:0 0 20px #89afcd inset;}
.ntab .swiper-nt{width:calc(100% - 120px);overflow:hidden; box-sizing:border-box; padding-left:40px;}
.ntab .swiper-nt dl{width:100%;display:flex;flex-wrap:wrap;align-items:center;}
.ntab .swiper-nt dl dt{ width:calc(100% - 640px); padding:0 40px;}
.ntab .swiper-nt dl dt h2{ display:block; font-size:34px; font-weight:normal; line-height:52px; overflow:hidden}
.ntab .swiper-nt dl dt p{ font-size:16px; line-height:31px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7; padding-top:20px; color:#6a6a6a}
.ntab .swiper-nt dl dd{ width:560px;}
.ntab .swiper-nt dl dd img{ display:block; max-width:100%; margin:0 auto}

a.amore{ display:inline-block; margin-top:45px; font-size:16px; color:#fff; height:54px; line-height:54px; color:#fff; background:url(../images/bt.png) repeat-y center center; background-size:100% auto; position:relative; padding:0 80px 0 30px;-webkit-border-radius:27px;-moz-border-radius:27px;-o-border-radius:27px;border-radius:27px;}
a.amore:after{content:"";display:block;height:12px;width:42px;background:url(../images/h_r1.png) no-repeat center center; position:absolute; right:27px; top:22px;}

.ybg{ background:url(../images/r_r1.jpg) no-repeat right center; background-size:cover}
.jsys{display:flex;flex-wrap:wrap; padding-top:90px; padding-bottom:120px;}
.jsys .zuo{ width:835px; padding-right:15px;}
.jsys .zuo h2{ font-size:42px; line-height:56px; font-weight:normal; padding-bottom:40px;}
.jsys .zuo h2 span{ font-weight:bold}
.jsys .zuo .lei{ background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px; box-sizing:border-box;display:flex;flex-wrap:wrap; padding:25px 30px;}
.jsys .zuo .lei dl{display:flex;flex-wrap:wrap;align-items:center; width:50%; padding:70px 30px; box-sizing:border-box; border-top:1px solid #ECEFF4; background:url(../images/hxx.png) repeat-y right top;}
.jsys .zuo .lei dl:nth-of-type(1),.jsys .zuo .lei dl:nth-of-type(2){ border-top:none}
.jsys .zuo .lei dl:nth-of-type(even){ background:none}
.jsys .zuo .lei dl dt{ width:76px;}
.jsys .zuo .lei dl dt img{ display:block; width:100%;}
.jsys .zuo .lei dl dd{ width:calc(100% - 96px); padding-left:20px;}
.jsys .zuo .lei dl dd span{ display:block; font-size:22px; line-height:32px;}
.jsys .zuo .lei dl dd p{ font-size:16px; line-height:26px; padding-top:6px; color:#656565}
.jsys .you{width:calc(100% - 850px);}
.ysSwiper{width:100% !important;position:relative; padding-bottom:20px;}
.ysSwiper .swiper-slide{ width:100%;}
.ysSwiper .swiper-slide img{ display:block; max-width:100%; margin:0 auto}
.ysSwiper .swiper-ydian{bottom:0;text-align:center;width:94%;padding:0 3%;}
.ysSwiper .swiper-pagination-bullet{width:50px;height:4px;background:#0666b2;opacity:.3;border-radius:0; display:inline-block}
.ysSwiper .swiper-pagination-bullet-active{opacity:1;background:#0666b2}

.abg{ background:url(../images/r_r2.jpg) no-repeat right center; background-size:cover; color:#fff;}
.habout{ padding-top:130px; padding-bottom:120px;}
.habout h2{ font-size:42px; font-weight:normal; line-height:52px;}
.habout .txt{ max-width:710px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; font-size:16px; line-height:29px; padding-top:30px}
.habout .amore{}
.youshi{display:flex;flex-wrap:wrap; padding-top:50px; max-width:710px;}
.youshi dl{ width:22%;}
.youshi dl:nth-of-type(1){ width:24.5%}
.youshi dl:nth-of-type(2){ width:29%}
.youshi dl:nth-of-type(3){ width:24.5%}
.youshi dl dt{font-size:16px;position:relative;font-family:Arial,Helvetica,sans-serif;}
.youshi dl dt span{display:inline-block;font-size:42px;font-weight:bold; padding-right:20px;}
.youshi dl dt em{display:inline-block;font-style:normal;padding-left:5px;position:absolute;top:20px;height:20px;line-height:20px;margin-left:-18px}
.youshi dl dd{font-size:16px;line-height:30px;padding-top:10px;}

.wbg{ background:#fff;}
.htit{ line-height:56px; padding-top:70px;}
.htit h2{ font-size:42px; font-weight:normal}
.htit a{ float:right; font-size:17px; padding-right:50px; color:#0666b2; background:url(../images/h_r2.png) no-repeat right center;}
.hnews{display:flex;flex-wrap:wrap;}
.hnews dl{ width:31.4%; box-sizing:border-box; padding:25px; border:1px solid #E9E9E9; margin-right:2.9%; margin-top:2.9%;}
.hnews dl:nth-of-type(3n){ margin-right:0}
.hnews-a dl:nth-of-type(4){ display:none}
.hnews dl dt span{ display:block; font-size:15px; color:#b4b4b4; background:url(../images/t.png) no-repeat left center; line-height:24px; padding-left:20px;}
.hnews dl dt p{ font-size:22px; line-height:34px; color:#2a2a2a; height:68px; padding-top:10px; overflow:hidden}
.hnews dl dt a{ display:block; font-size:15px;line-height:24px; color:#0666b2; padding-top:20px;}
.hnews dl dd{ padding-top:30px;}
.hnews dl dd img{ display:block; width:100%; height:255px;}


.footer{ background:url(../images/fbg.jpg) no-repeat center top #2e3033; color:#969799}
.footer .fnav{display:flex;flex-wrap:wrap; padding-top:75px; padding-bottom:55px; position:relative}
.footer .fnav:before{content:"";display:block;height:68px; width:290px; background:url(../images/fbg.png) no-repeat center top #fff; position:absolute; right:0; top:0}
.footer .fnav .zuo{display:flex;flex-wrap:wrap;width:calc(100% - 300px);}
.footer .fnav .zuo dl{ width:23.5%; box-sizing:border-box; padding-right:20px;}
.footer .fnav .zuo dl:nth-of-type(2){ width:29.5%}
.footer .fnav .zuo dl dt{ font-size:17px; color:#d5d6d6; line-height:28px;}
.footer .fnav .zuo dl dd{ font-size:15px; line-height:26px; padding-top:15px;}
.footer .fnav .zuo dl dd a{ color:#969799}
.footer .fnav .you{ width:280px; padding-left:20px; font-size:15px; line-height:37px}
.footer .fnav .you p{ padding-left:25px;}
.footer .fnav .you p.t{ background:url(../images/ta.png) no-repeat 0 12px}
.footer .fnav .you p.e{ background:url(../images/tb.png) no-repeat 0 14px}
.footer .fnav .you p.d{ background:url(../images/tc.png) no-repeat 0 12px}
.footer .fnav .you p.m img{ display:block; padding-top:10px;}
.footer .fcopy{ border-top:1px solid #3C3D3F; font-size:15px; color:#686a6e; line-height:25px; padding:30px 0}
.footer .fcopy a{ color:#686a6e;}
.footer .fcopy .lf{ width:49%;}
.footer .fcopy .rg{ width:49%; text-align:right}
.footer .fcopy .rg a{ display:inline-block; padding:0 5px}
.cbody .footer .fnav:before{ background-color:#f4f4f4}

/*-内页-*/
.nbanner img{ display:block; width:100%;}

.ntit{ text-align:center; padding-top:70px}
.ntit h2{ font-size:44px; line-height:62px; font-weight:normal}
.ntit2 h2{ color:#fff;}
.ntit ul{ width:100%; padding-top:15px}
.ntit ul li{ display:inline-block; font-size:18px; padding:10px;}
.ntit ul li a{ display:block; background:#dde6f1;color:#545454;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; height:50px; line-height:50px; width:170px; text-align:center}
.ntit ul li a:hover,.ntit ul li.on a{ background:#0666b2; color:#fff;-moz-box-shadow:0 0 15px #9bbfdb;-webkit-box-shadow:0 0 15px #9bbfdb;box-shadow:0 0 15px #9bbfdb;}

.atxt{ padding-top:30px;}
.atxt img{ display:block; width:100%; height:auto}
.atxt .nys{display:flex;flex-wrap:wrap; padding-top:40px; padding-bottom:10px;text-align:center}
.atxt .nys dl{ width:22%; background:url(../images/ax.png) repeat-y left top;}
.atxt .nys dl:nth-of-type(1){ background:none}
.atxt .nys dl:nth-of-type(2){ width:29.5%}
.atxt .nys dl:nth-of-type(3){ width:26.5%}
.atxt .nys dl dt{font-size:16px;position:relative;font-family:Arial,Helvetica,sans-serif;}
.atxt .nys dl dt span{display:inline-block;font-size:46px;font-weight:bold; padding-right:18px;}
.atxt .nys dl dt em{display:inline-block;font-style:normal;padding-left:5px;position:absolute;top:25px;margin-left:-18px;height:20px;line-height:20px;}
.atxt .nys dl dd{font-size:16px;line-height:30px;padding-top:5px;}

.nrtext{ font-size:16px; line-height:30px; padding-top:30px; padding-bottom:80px;}
.nrtext img{ max-width:100% !important; height:auto !important}
.nrtext dl.xszx{display:flex;flex-wrap:wrap;align-items:center;}
.nrtext dl.xszx dt{ width:60%;}
.nrtext dl.xszx dd{ width:36%; padding:0 2%}
.nrtext dl.xszx dd p{ font-size:16px; line-height:32px; padding-top:10px;}

.contact{ padding-top:30px; padding-bottom:75px; display:flex;flex-wrap:wrap;}
.contact dl{ text-align:center; background:#fff; width:22.75%; padding:50px 15px 40px; margin-right:3%; box-sizing:border-box; border:1px solid #eee;-moz-box-shadow:0 0 15px #eee;-webkit-box-shadow:0 0 15px #eee;box-shadow:0 0 15px #eee;}
.contact dl:nth-of-type(4n){ margin-right:0}
.contact dl dt{ width:100%; height:102px;}
.contact dl dt img{ display:block; max-width:100%; max-height:100%; margin:0 auto}
.contact dl dd{ font-size:16px; color:#676767; line-height:32px; padding-top:25px}
.contact dl dd span{ display:block;}
.contact dl dd p{ font-size:16px; color:#1f1f1f; line-height:28px; padding-top:5px}

.hbg{ background:#f4f4f4}
.zxtab{padding-top:25px;padding-bottom:80px}
.zxtab p{font-size:16px;line-height:30px;text-align:center;padding-bottom:20px;}
.zxtab ul{float:left;width:100%;}
.zxtab ul li{float:left;width:100%;position:relative;padding:12px 0;text-align:center}
.zxtab ul li.liz{float:left;width:49%}
.zxtab ul li.lir{float:right}
.zxtab ul li span{display:block;font-style:normal;width:100px;height:56px;line-height:56px;position:absolute;top:12px;left:10px; color:#666; text-align:left; font-size:16px;}
.zxtab ul li i{ font-style:normal;color:#f00;font-size:14px; padding-right:5px;}
.zxtab ul li.liz input,.zxtab ul li.li10 textarea{display:block;width:100%;background:#fff;font-size:16px;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#666;border:none;}
.zxtab ul li.liz input{height:56px;line-height:54px;padding:0 10px 0 110px}
.zxtab ul li.li10 textarea{padding:15px 10px;width:100%;height:180px;line-height:28px;text-indent:100px;}
.zxtab ul li.lib{ text-align:center; padding-top:30px;}
.zxtab ul li.lic{ text-align:left}
.zxtab ul li.li10 input{background:#0068c0;color:#fff;font-size:17px;font-weight:bold;border:none;height:59px;line-height:59px;padding:0 60px;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.zxtab ul li.li10 input#reset{background:#9db2d0;margin-left:26px;}

.hezuo ul{width:100%;display:flex;flex-wrap:wrap;}
.hezuo ul li{ width:31.4%; margin-right:2.9%; margin-top:2.9%; background:#fff;box-sizing:border-box; border:1px solid #eee;-moz-box-shadow:0 0 15px #eee;-webkit-box-shadow:0 0 15px #eee;box-shadow:0 0 15px #eee; padding:15px 20px; text-align:center}
.hezuo ul li:nth-of-type(3n){ margin-right:0}
.hezuo ul li img{ display:block; width:100%; height:120px; margin:0 auto; padding-bottom:10px;}
.hezuo ul li span{ display:block; font-size:16px; color:#565656; height:36px; line-height:36px; overflow:hidden; padding-top:10px; border-top:1px solid #eee;}

.yingyong dl{ padding:40px 0; width:100%; position:relative;}
.yingyong dl dt{ width:72%;height:387px; overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.yingyong dl dt img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.yingyong dl dd{ width:32%; height:387px; background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; box-sizing:border-box; padding:45px; position:absolute; right:0; top:70px;display:flex;flex-wrap:wrap;align-items:center;-moz-box-shadow:0 0 15px #e5e9ed;-webkit-box-shadow:0 0 15px #e5e9ed;box-shadow:0 0 15px #e5e9ed;}
.yingyong dl dd div{ width:100%;}
.yingyong dl dd span{ font-size:36px; display:block; line-height:52px;}
.yingyong dl dd p{ font-size:22px; line-height:36px; color:#474747; padding-top:10px;}
.yingyong dl dd a{ margin-top:20px;}

.product{display:flex;flex-wrap:wrap;}
.product dl{ width:49%; margin-right:2%; margin-top:2%;display:flex;flex-wrap:wrap; box-sizing:border-box; padding:15px; border:1px solid #e9ebf1;}
.product dl:nth-of-type(even){ margin-right:0}
.product dl dt{ width:254px;}
.product dl dt img{ display:block; width:100%; height:290px;}
.product dl dd{width:calc(100% - 270px); padding-left:16px;}
.product dl dd a.tit{ font-size:22px;height:36px; line-height:36px; padding-top:15px; display:block; overflow:hidden;}
.product dl dd p{ font-size:15px; color:#6a6a6a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; line-height:28px; padding-top:10px;}
.product dl dd a.amore{ font-size:15px; height:46px; line-height:46px; margin-top:25px; padding-right:70px;}
.product dl dd a.amore:after{top:17px; right:22px}

.kong{ width:100%; min-height:380px; background:url(../images/c_r7.png) no-repeat center center #f5f5f5; margin-top:30px;}

.tiao{ height:25px; width:100%; line-height:25px; background:#f5f5f5}

.bbg{ background:url(../images/a_a2.jpg) no-repeat center center; background-size:cover}
.whbox{display:flex;flex-wrap:wrap; padding-top:40px; padding-bottom:50px;}
.whbox dl{ background:#f4f4f4; width:48.5%; box-sizing:border-box; text-align:center; padding:50px; margin-right:3%;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.whbox dl:nth-of-type(even){ margin-right:0}
.whbox dl dt img{ display:block; width:72px; margin:0 auto}
.whbox dl dd{}
.whbox dl dd span{ display:block; font-size:30px; line-height:42px; color:#000; padding-top:15px}
.whbox dl dd p{ font-size:18px; line-height:32px; color:#515151; padding-top:8px}

.whtxt{ font-size:20px; line-height:35px; font-weight:600; text-align:center; color:#fff}
.lcbox{ padding:60px 0;}
.year{ background:url(../images/a_r5.png) no-repeat center 35px; background-size:100% auto; padding-top:20px}
.gallery-top{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;}
.gallery-top .swiper-slide{ font-size:22px; line-height:42px;min-height:84px; text-align:center;box-sizing:border-box;padding:0 70px;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{ width:61px; height:61px; margin-top:-30px;}
.gallery-top .swiper-button-next{right:5px;background:url(../images/a_r4.png) no-repeat center center #fff;background-size:100% auto}
.gallery-top .swiper-button-prev{left:5px;background:url(../images/a_r3.png) no-repeat center center #fff;background-size:100% auto}
.gallery-thumbs{height:20%;box-sizing:border-box; padding-bottom:110px;}
.gallery-thumbs .swiper-slide{text-align:center; padding-top:45px; position:relative}
.gallery-thumbs .swiper-slide span{font-size:20px; height:52px; line-height:52px; background:#fff; cursor:pointer; color:#8d8d8d; display:inline-block; padding:0 30px;-webkit-border-radius:26px;-moz-border-radius:26px;-o-border-radius:26px;border-radius:26px;}
.gallery-thumbs .swiper-slide-thumb-active span{ background:#0068c0; color:#fff;}
.gallery-thumbs .swiper-slide:after{content:"";display:block;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; background:#0068c0; border:5px solid #fff; position:absolute; top:9px; left:50%; margin-left:-9px;}
.gallery-thumbs .swiper-slide-thumb-active:after{ background:#fff; border:8px solid #0068c0; top:6px; margin-left:-12px;}

.ntop{ width:100%; height:112px;}

.lbg{ background:url(../images/va.jpg) no-repeat center top; background-size:cover}

.weizhi{ font-size:15px;height:25px; line-height:25px; color:#5e718a; padding:25px 0 20px; box-sizing:inherit; border-bottom:1px solid #bfcfe6;}
.weizhi-n{ border-color:#ededed}
.weizhi span{ display:inline-block; background:url(../images/av_r1.png) no-repeat 0 2px; padding-left:25px;}
.weizhi a,.weizhi a:hover{ color:#5e718a; display:inline-block; padding:0 5px;}

.alimg{ padding-top:35px; padding-bottom:70px;}
.alimg .im{ float:left; width:700px; height:500px; background:#fff}
.alimg .im img{ display:block; max-width:100%; height:100%; margin:0 auto}
.alimg .wz{ float:left; width:calc(100% - 745px); padding-left:45px;}
.alimg .wz h1{ font-size:30px; line-height:36px; padding:20px 0 15px; color:#050505}
.alimg .wz .txt{ font-size:18px; line-height:32px; color:#000;}
.alimg .wz ul.num-a{display:flex;flex-wrap:wrap; padding:25px 0 20px;}
.alimg .wz ul.num-a li{ width:49%; font-size:16px; line-height:30px; padding:7px 0; color:#5b5b5b; margin-right:2%; background:url(../images/av_r2.png) no-repeat 0 11px; box-sizing:border-box; padding-left:26px;}
.alimg .wz ul.num-a li:nth-of-type(even){ margin-right:0}
.alimg .wz ul.num-b{ border-top:1px solid #bfcfe6; border-bottom:1px solid #bfcfe6; padding:25px 0;display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items:center;display:flex;flex-wrap:wrap;align-items:center; color:#5f5f5f}
.alimg .wz ul.num-b li{ width:33.3333%; background:url(../images/va_r2.png) repeat-y right top; text-align:center}
.alimg .wz ul.num-b li:nth-of-type(3){ background:none}
.alimg .wz ul.num-b li span{ display:block; font-size:18px; line-height:26px; font-weight:bold;}
.alimg .wz ul.num-b li:nth-of-type(3) span{ font-size:15px; line-height:22px; padding-left:10px}
.alimg .wz ul.num-b li p{ font-size:15px; line-height:25px; padding-top:5px;}
.alimg .wz .btt{ padding-top:35px;text-align:center;}
.alimg .wz .btt a.mat{ float:left; width:43%; padding-left:4%; height:90px; line-height:90px; font-size:16px; color:#fff; background:url(../images/av_r3.png) no-repeat 14% center #0080c8; border-radius:7px}
.alimg .wz .btt a.mat:hover{ color:#fff}
.alimg .wz .btt a.call{ float:left; width:50%; background:#fff;border-radius:7px; height:90px; margin-left:3%; color:#a8a8a8; line-height:normal;}
.alimg .wz .btt a.call em{ font-style:normal; font-size:22px; font-weight:bold; color:#494949; display:block; padding:17px 0 3px;}

.show-txt{ padding-top:15px;}
.ztit{ padding-top:35px; padding-bottom:15px; border-bottom:1px solid #ededed}
.ztit h2{ font-size:24px; color:#000; background:url(../images/va_r3.png) no-repeat 0 9px; height:36px; line-height:36px; padding-left:40px;}
.nrtxt{ font-size:16px; color:#464646; line-height:32px; padding-top:20px}
.nrtxt img{ max-width:100% !important; height:auto !important}
.nrtxt td{ border:1px solid #eee; padding:5px; box-sizing:border-box}
.ystxt{ padding-top:25px;display:flex;flex-wrap:wrap;}
.ystxt dl{display:flex;flex-wrap:wrap;align-items:center;width:23.5%;padding:15px;box-sizing:border-box; margin-right:2%;-moz-box-shadow:0 0 15px #eaeaea;-webkit-box-shadow:0 0 15px #eaeaea;box-shadow:0 0 15px #eaeaea;}
.ystxt dl:nth-of-type(4n){ margin-right:0}
.ystxt dl dt{ width:76px;}
.ystxt dl dt img{ display:block; width:100%;}
.ystxt dl dd{ width:calc(100% - 91px); padding-left:15px;}
.ystxt dl dd span{ display:block; font-size:22px; line-height:32px;}
.ystxt dl dd p{ font-size:16px; line-height:26px; padding-top:6px; color:#656565}
.ysimg{ padding-top:50px; padding-bottom:20px}
.ysimg-a{ width:100%; padding-bottom:0; display:none}
.ysimg ul{ float:left; width:100%;}
.ysimg ul li{ float:left; width:32%; margin-right:2%;}
.ysimg ul li:nth-of-type(3n){margin-right:0}
.ysimg ul li img{ display:block; margin:0 auto; max-width:100%}
.xgtj{ padding-top:30px; padding-bottom:20px}
.xgtj ul{ float:left; width:100%;}
.xgtj ul li{ float:left; width:23.5%; margin-right:2%; text-align:center;-moz-box-shadow:0 3px 15px #d1e3f2;-webkit-box-shadow:0 3px 15px #d1e3f2;box-shadow:0 3px 15px #d1e3f2;}
.xgtj ul li:nth-of-type(4n){ margin-right:0}
.xgtj ul li img{ display:block; max-width:100%; height:270px; margin:0 auto}
.xgtj ul li span{ display:block; font-size:16px; color:#fff; background:#0080c8; height:56px; line-height:56px; width:100%; padding:0 10px; box-sizing:border-box; letter-spacing:1px}

.zxtab{padding-top:15px;padding-bottom:80px}
.zxtab p{font-size:16px;line-height:30px;text-align:center;padding-bottom:20px;}
.zxtab ul{float:left;width:100%;}
.zxtab ul li{float:left;width:100%;position:relative;padding:10px 0;text-align:center}
.zxtab ul li.liz{float:left;width:49%}
.zxtab ul li.lir{float:right}
.zxtab ul li span{display:block;font-style:normal;width:100px;height:56px;line-height:56px;position:absolute;top:10px;left:10px; color:#666; text-align:left; font-size:16px;}
.zxtab ul li i{ font-style:normal;color:#f00;font-size:14px; padding-right:5px;}
.zxtab ul li.liz input,.zxtab ul li.li10 textarea{display:block;width:100%;background:#fff;font-size:16px;box-sizing:border-box;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;color:#666;border:none;}
.zxtab ul li.liz input{height:56px;line-height:54px;padding:0 10px 0 110px}
.zxtab ul li.li10 textarea{padding:15px 10px;width:100%;height:180px;line-height:28px;text-indent:100px;}
.zxtab ul li.lib{ text-align:center; padding-top:22px;}
.zxtab ul li.lic{ text-align:left}
.zxtab ul li.li10 input{background:#0080c8;color:#fff;font-size:17px;font-weight:bold;border:none;height:59px;line-height:59px;padding:0 60px;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px; letter-spacing:1px;}
.zxtab ul li.li10 input#reset{background:#696969;margin-left:26px;}
.zxtab-a ul li.liz input,.zxtab-a ul li.li10 textarea{background:#f4f4f4;}

.wztit{ text-align:center; padding-top:40px;}
.wztit h1{ font-size:24px; line-height:44px; font-weight:500}
.wztime{ font-size:15px; line-height:22px; color:#999; text-align:center; padding-top:15px;}
.wztxt{ font-size:16px; color:#464646; line-height:32px; padding-top:20px; padding-bottom:25px}
.wztxt-d{ padding-bottom:70px;}
.wztxt img{ max-width:100% !important; height:auto !important}
.wztxt td{ border:1px solid #eee; padding:5px; box-sizing:border-box}
.xglist{ padding-top:20px; padding-bottom:70px;}
.xglist ul{ width:100%; float:left;}
.xglist ul li{ width:48.5%; float:left; line-height:39px; height:39px; overflow:hidden;}
.xglist ul li:nth-of-type(even){ float:right;}
.xglist ul li span{ float:right; color:#a9a9a9; text-align:right; padding-left:10px;}
.xglist ul li a{ display:block; background:url(../images/dian.png) no-repeat left center; color:#313131; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:13px; font-size:15px;}

.join-lx{ padding-bottom:80px;}
.join-lx .ntit{ padding-top:0; padding-bottom:30px;}
.join-lx .text{ font-size:16px; line-height:32px;display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;-moz-box-shadow:0 0 15px #eee;-webkit-box-shadow:0 0 15px #eee;box-shadow:0 0 15px #eee; padding:30px 35px 40px; box-sizing:border-box;}
.join-lx .text dl{ width:49%; margin-right:2%; padding:12px 0; display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap; border-bottom:1px solid #eee;}
.join-lx .text dl:nth-of-type(even){ margin-right:0;}
.join-lx .text dl dt{ font-weight:700; padding-right:5px;}
.join-lx .text dl.d1 dt{ width:90px;}
.join-lx .text dl.d1 dd{ width:calc(100% - 95px);}
.join-lx .text dl.d2 dt{ width:100%; padding-right:0}
.join-lx .text dl.d2 dd{ width:100%; padding-top:10px;}


/*--------分页-------*/
.next_fy{padding-top:50px;padding-bottom:70px;text-align:center;font-size:16px}
.next_fy a,.next_fy b{height:38px;line-height:38px;margin:3px;display:inline-block;border:1px solid #ddd;background:#fff;padding:0 15px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.next_fy a:hover,.next_fy b{font-weight:500;color:#0666b2;border:1px solid #0666b2}
.next_fp{ font-size:16px; line-height:30px;color:#4d4d4d;padding-top:20px; padding-bottom:20px;border-top:1px solid #ededed;}
.next_fp a{color:#4d4d4d}
.next_fp a:hover{color:#0067b3}
.next_fp p{ width:49%; text-align:left;}
.next_fp p.rg{ text-align:right;}

.xc-video{ width:100%; padding-top:60px;}
.video-xc{ padding-top:20px;}
#video{width:100%;margin:0 auto;position:relative}
#video video{width:100%;object-fit:fill; display:block}
.VideoBtn{position:absolute;left:50%;top:50%;display:block;width:70px;height:70px;margin-left:-35px;margin-top:-35px;cursor:pointer;z-index:10}
.VideoBtn img{ display:block; width:100%; height:100%}

.fdtel{ position:fixed; right:0; top:50%; margin-top:-25px; z-index:99;}
.fdtel dl{ position:relative;}
.fdtel dl dt{ width:50px; height:50px; background:rgba(0,0,0,0.7);}
.fdtel dl dt img{ display:block; margin:0 auto; padding-top:18px;}
.fdtel dl dd{ position:absolute; right:-1000px;top:0; width:220px; height:50px; line-height:50px; font-size:15px; color:#fff; background:rgba(0,0,0,0.6);}
.fdtel dl dd a,.fdtel dl dd a:hover{ color:#fff}
.fdtel dl dd.fan{right:50px;}

@media (max-width:1600px) {
.tbox{height:220px;line-height:220px;}
.hnews dl dd img{ height:250px;}
}

@media (max-width:1440px) {
.tbox{height:180px;line-height:180px;}
.ntab{padding-top:80px; padding-bottom:80px;}
.ntab .tabs ul li{ margin-top:55px;}
.ntab .swiper-nt dl dt h2{ font-size:32px}
.ntab .swiper-nt dl dt p{ padding-top:15px}
a.amore{ margin-top:40px; font-size:15px; height:52px; line-height:52px;}
a.amore:after{ background-size:auto 11px; top:21px;}
.jsys{padding-top:80px; padding-bottom:105px}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:38px}
.habout{padding-top:115px; padding-bottom:110px}
.htit{ padding-top:60px;}
.b100{ padding-bottom:90px;}
.hnews dl{ margin-top:2.6%; padding:22px}
.hnews dl dt p{ font-size:21px;}
.hnews dl dt a{ padding-top:16px;}
.hnews dl dd img{ height:255px;}
.footer .fnav{ padding-top:70px; padding-bottom:50px;}
.footer .fcopy{ padding:26px 0}

}

@media (max-width:1360px) {
.box{ width:94%;}
.tbox{ height:150px; line-height:150px;}
.header{ padding:25px 0 20px;}
.header .box{ padding:0}
.header .nav ul li a.a{ font-size:16px;}
.header-white{ padding:15px 0}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:35px;}
.jsys .zuo h2{ line-height:52px;}
.htit{ line-height:52px;}
.jsys{ padding-top:70px; padding-bottom:95px}
.habout{ padding-top:100px; padding-bottom:105px}
.hnews dl dd img{ height:250px;}
.b100{ padding-bottom:85px;}
.footer .fnav{ padding-top:60px;}
.footer .fnav:before{ width:256px; height:60px; background-size:auto 100%;}
.footer .fcopy{ padding:23px 0}
.ntit{ padding-top:60px;}
.ntit h2{ font-size:40px; line-height:56px;}
.nrtext{ padding-bottom:70px;}
.whbox dl dd span{ font-size:28px;}
.gallery-top .swiper-slide{ font-size:20px; line-height:38px;}
.lcbox{ padding:55px 0}
.gallery-thumbs{ padding-bottom:100px;}
.gallery-thumbs .swiper-slide span{ font-size:18px; height:46px; line-height:46px;}
.zxtab{ padding-bottom:75px;}
.yingyong dl dd{ padding:35px;}
.yingyong dl dd span{ font-size:34px;}
.alimg .wz ul.num-a{ padding-top:20px;}
.alimg .wz .btt{ padding-top:30px}
.alimg .wz .btt a.mat{ height:82px; line-height:82px;}
.alimg .wz .btt a.call{ height:82px;}
.alimg .wz .btt a.call em{ padding-top:15px;}
.ystxt dl dd span{ font-size:20px; line-height:28px;}
.ystxt dl dd p{ font-size:15px; line-height:25px}
.ntop{ height:102px}
.alimg .im{ width:660px;}
.alimg .wz{ width:calc(100% - 705px);}
.video-xc{ padding-top:0}
.xc-video{ padding-top:45px}
}

@media (max-width:1260px) {
.header .logo img{ height:46px; line-height:46px;}
.header .nav ul li a.a{ line-height:46px;}
.header .nav ul li.last a,.header .nav ul li.last a:hover{ height:45px; line-height:45px;}
.header .nav ul li.last a:after{top:15px;}
.ntab{ padding-top:70px; padding-bottom:70px;}
.ntab .tabs ul li{ margin-top:50px;}
.jsys{ padding-top:65px; padding-bottom:85px;}
.jsys .zuo .lei{ padding:20px;}
.jsys .zuo h2{ padding-bottom:35px}
.jsys .zuo .lei dl{ padding:55px 20px;}
.habout{ padding-top:90px; padding-bottom:95px;}
.habout .txt{ padding-top:25px;}
.youshi{ padding-top:45px;}
.youshi dl dt span{ font-size:38px;}
.youshi dl dt em{top:17px}
.htit{ padding-top:55px;}
.hnews dl{ padding:20px; width:31.8%; margin-right:2.3%; margin-top:2.3%}
.hnews dl dt p{ font-size:20px;}
.hnews dl dd{ padding-top:25px;}
.hnews dl dd img{ height:236px}
.b100{ padding-bottom:75px}
.footer .fnav{ padding-top:55px; padding-bottom:40px;}
.footer .fnav:before{ height:45px; width:190px}
.footer .fnav .zuo dl dd{ padding-top:13px;}
.footer .fcopy{ padding:20px 0; font-size:14px;}
.hezuo ul li img{ height:110px}
.product dl dd a.tit{ font-size:20px;}
.product dl dd a.amore{ height:42px; line-height:42px; font-size:14px;}
.product dl dd a.amore:after{ background-size:auto 11px; top:16px}
.alimg .im{ width:600px;}
.alimg .wz{ width:calc(100% - 635px); padding-left:35px;}
.alimg .wz h1{ font-size:28px;}
.alimg .wz .txt{ font-size:17px; line-height:30px;}
.alimg .wz ul.num-b li span{ font-size:17px;}
.alimg .wz ul.num-b li p{ font-size:14px;}
.ntop{ height:97px;}
}

@media (max-width:1160px) {
.ntab{ padding-top:40px; padding-bottom:60px; background:none}
.ntab .tabs{ width:100%; padding:0}
.ntab .tabs ul{display:flex;flex-wrap:wrap;align-items:center;}
.ntab .tabs ul li,.ntab .tabs ul li span{-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;}
.ntab .tabs ul li{ height:auto; width:23.5%; padding:1px; margin-right:2%; margin-top:2%; background:#acc7de; color:#81aacc}
.ntab .tabs ul li:nth-of-type(1){ margin-top:2%;}
.ntab .tabs ul li:nth-of-type(4n){ margin-right:0}
.ntab .tabs ul li span{ padding:10px;}
.ntab .tabs ul li.active span{background:#0666b2;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; color:#fff}
.ntab .swiper-nt{ width:100%; padding-left:0; padding-top:30px;}
.ntab .swiper-nt dl dt{ width:calc(100% - 440px); padding:0 30px 0 10px;}
.ntab .swiper-nt dl dt h2{ font-size:30px; line-height:48px;}
.ntab .swiper-nt dl dt p{ padding-top:10px;}
.ntab .swiper-nt dl dd{ width:400px}
a.amore{ margin-top:35px; height:46px; line-height:46px;}
a.amore:after{top:17px;}
.jsys{ padding-top:60px; padding-bottom:75px;}
.jsys .zuo{ width:750px;}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:32px;}
.jsys .zuo h2{ padding-bottom:30px;}
.jsys .zuo .lei dl{ padding:50px 20px;}
.jsys .zuo .lei dl dd span{ font-size:20px; line-height:28px;}
.jsys .zuo .lei dl dd p{ font-size:15px; line-height:25px}
.jsys .you{ width:calc(100% - 765px);}
.habout{ padding-top:75px; padding-bottom:85px;}
.habout .txt{ padding-top:20px}
.htit{ padding-top:45px;}
.htit a{ font-size:15px; background-size:auto 11px}
.hnews dl{ padding:16px;}
.hnews dl dt p{ font-size:18px; line-height:30px; height:60px;}
.hnews dl dt a{ padding-top:12px;}
.hnews dl dd{ padding-top:20px;}
.hnews dl dd img{ height:220px}
.b100{ padding-bottom:65px;}
.footer .fnav{ padding-top:45px; padding-bottom:35px;}
.footer .fcopy{ padding:18px 0}
.ntit{ padding-top:55px;}
.ntit h2{ font-size:36px; line-height:50px;}
.atxt .nys dl dt span{ font-size:42px;}
.atxt .nys dl dt em{top:22px}
.nrtext{ padding-top:25px; padding-bottom:60px}
.whtxt{ font-size:18px;}
.whbox{ padding-top:35px; padding-bottom:45px;}
.gallery-thumbs{ padding-bottom:90px;}
.whbox dl dd span{ font-size:26px; line-height:38px;}
.hezuo ul li img{ height:100px}
.next_fy{ padding-top:40px; padding-bottom:60px;}
.product dl dt{ width:210px;}
.product dl dt img{ height:240px}
.product dl dd{ width:calc(100% - 226px)}
.product dl dd a.tit{ padding-top:10px}
.product dl dd p{-webkit-line-clamp:4; padding-top:5px}
.product dl dd a.amore{ margin-top:20px}
.b70{ padding-bottom:60px}
.tiao{ height:20px}
.yingyong dl dt,.yingyong dl dd{ height:350px;}
.yingyong dl dd{ padding:30px;}
.yingyong dl dd span{ font-size:32px; line-height:46px;}
.alimg .wz h1{ font-size:25px; padding:15px 0 10px}
.alimg .wz .txt{ font-size:16px; line-height:28px;}
.alimg .wz ul.num-a{ padding-top:15px; padding-bottom:15px;}
.alimg .wz ul.num-a li{ width:100%; font-size:15px; line-height:28px; padding-top:5px; padding-bottom:5px; background-size:18px auto; background-position:0 10px; margin-right:0}
.alimg .wz ul.num-b{ padding:20px 0}
.alimg .wz .btt a.mat{ font-size:15px; height:76px; line-height:76px; background-position:12.5% center}
.alimg .wz .btt a.call{ height:76px; font-size:14px}
.alimg .wz .btt a.call em{ font-size:20px; padding-top:15px}
.ystxt{ padding-top:10px}
.ystxt dl{ width:49%; margin-top:2%}
.ystxt dl:nth-of-type(even){ margin-right:0}
.ztit h2{ font-size:22px; background-size:auto 19px}
.xgtj ul li img{ height:245px;}
.xgtj ul li span{ font-size:15px; height:50px; line-height:50px;}
.xc-video{ padding-top:35px;}
}

@media (max-width:1120px) {
.join-lx .text{ padding:25px 30px 35px}
.join-lx .text dl{ width:100%; margin-right:0}
}

@media (max-width:1060px) {
.header .nav{ display:none}
.header .menu{ display:block; margin-top:7px}
.jsys .zuo{ width:100%; padding-right:0}
.jsys .you{ display:none}
.ysimg-a{ display:block}
.jsys{ padding-top:55px; padding-bottom:65px;}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:30px;}
.jsys .zuo .lei dl{ padding:30px 20px;}
.abg{ position:relative}
.abg:after{content: "";display:block;visibility:visible; width:100%; height:100%; position:absolute;left:0; top:0; background:#0666b2; opacity:0.6; z-index:1}
.habout{ padding-top:60px; text-align:center; padding-bottom:80px; position:relative; z-index:2}
.habout .txt{ width:100%; max-width:100%;}
.youshi{ width:100%; max-width:100%; padding-bottom:10px}
.htit{ padding-top:40px;}
.hnews dl dd img{ height:200px;}
.header .mnav{top:96px;}
.header .mnav.mnav-white{top:81px;}
.ntit{ padding-top:50px;}
.ntit h2{ font-size:34px; line-height:48px;}
.atxt{ padding-top:20px;}
.whtxt{ font-size:17px;}
.lcbox{ padding:50px 0}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{ width:52px; height:52px; margin-top:-26px}
.gallery-thumbs{ padding-bottom:85px;}
.gallery-top .swiper-slide{ font-size:18px; line-height:34px;}
.next_fy{ padding-top:35px; padding-bottom:50px;}
.contact{ padding-top:25px; padding-bottom:65px;}
.contact dl{ width:23.5%; margin-right:2%; padding:40px 15px 35px;}
.contact dl dd p{ font-size:15px; line-height:26px;}
.zxtab{ padding-bottom:65px;}
.hezuo ul li{ width:31.8%; margin-right:2.3%; margin-top:2.3%; padding:15px;}
.hezuo ul li img{ height:95px}
.next_fy{ font-size:15px;}
.ntit ul li{ font-size:16px;}
.ntit ul li a{ height:46px; line-height:46px;}
.product dl{ width:100%; margin-right:0}
.product dl dt{ width:160px;}
.product dl dt img{ height:183px;}
.product dl dd{ width:calc(100% - 176px);}
.product dl dd a.tit{ font-size:18px; padding-top:5px; height:32px; line-height:32px;}
.product dl dd p{-webkit-line-clamp:2}
.alimg{ padding-bottom:60px}
.alimg .im{ width:100%; height:auto}
.alimg .wz{ width:100%; padding-left:0; padding-top:15px}
.show-txt{ padding-top:0}
.weizhi-n{ padding:20px 0 15px}
.wztit{ padding-top:30px;}
.wztit h1{ font-size:20px; line-height:36px;}
.wztxt{ font-size:15px; line-height:30px; padding-top:20px; padding-bottom:20px;}
.wztxt-d{ padding-bottom:50px;}
.next_fp p{ font-size:15px; width:100%; float:none;}
.next_fp p.rg{ text-align:left; padding-top:5px;}
.xglist{ padding-bottom:55px}
.xc-video{ padding-top:25px;}
}

@media (max-width:990px) {
.hnews dl dd img{ height:180px;}
.hezuo ul li img{ height:85px}
.yingyong dl{ padding:25px 0 15px}
.yingyong dl dt,.yingyong dl dd{ width:100%;}
.yingyong dl dt{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0; height:auto}
.yingyong dl dd{ padding:20px; position:static;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px; height:auto}
.yingyong dl dd span{ font-size:28px; line-height:44px;}
.alimg{ padding-top:30px}
.xgtj{ padding-top:10px}
.xgtj ul li{ width:49%; margin-top:2%}
.xgtj ul li:nth-of-type(even){ margin-right:0}
}

@media (max-width:860px) {
.tbox{ height:120px; line-height:120px;}
.header{ padding:20px 0 15px}
.header .logo img{ height:40px; line-height:40px;}
.header .menu{ padding:7px}
.header .menu.toggle-animate{ padding:13px 7px}
.header .mnav{top:80px}
.header .mnav ul li a.a{ font-size:15px}
.header .mnav.mnav-white{top:80px}
.mySwiper .swiper-pagination-bullet{ width:30px;}
.ntab{ padding-top:30px; padding-bottom:50px}
.ntab .swiper-nt dl dt{ width:calc(100% - 340px)}
.ntab .swiper-nt dl dd{ width:300px;}
.ntab .swiper-nt dl dt h2{ font-size:26px; line-height:42px;}
.ntab .swiper-nt dl dt p{ font-size:15px; line-height:29px;}
a.amore{ margin-top:30px;}
.jsys{ padding-top:40px; padding-bottom:55px}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:27px;}
.jsys .zuo h2{ line-height:46px; padding-bottom:20px;}
.ysimg{ padding-top:40px;}
.habout{ padding-top:50px; padding-bottom:70px;}
.habout h2{ line-height:46px;}
.habout .txt{ padding-top:15px;}
.youshi{ padding-top:35px}
.htit{ line-height:46px; padding-top:35px}
.hnews dl{ padding:13px;}
.hnews dl dt p{ font-size:16px; line-height:27px; height:54px; padding-top:7px;}
.hnews dl dt a{ padding-top:10px;}
.hnews dl dd{ padding-top:15px}
.hnews dl dd img{ height:160px;}
.b100{ padding-bottom:50px}
.footer .fnav{ padding-top:25px; padding-bottom:25px}
.footer .fnav .zuo{ display:none}
.footer .fnav .you{ width:100%; padding-left:0; text-align:center; font-size:14px; line-height:28px;}
.footer .fnav .you p{ background:none !important; padding-left:0}
.footer .fnav .you p.m img{ margin:0 auto}
.footer .fnav:before{ display:none}
.footer .fcopy{ padding:15px 0}
.footer .fcopy .lf{ width:100%; text-align:center}
.footer .fcopy .rg{ display:none}
.ntit{ padding-top:40px;}
.ntit h2{ font-size:30px; line-height:44px;}
.atxt .nys{ padding-top:30px;}
.atxt .nys dl dt span{ font-size:38px;}
.atxt .nys dl dt em{top:18px}
.atxt .nys dl dd{ font-size:15px; line-height:28px;}
.nrtext{ font-size:15px; padding-top:20px; padding-bottom:50px;}
.whbox{ padding-top:30px; padding-bottom:35px;}
.whbox dl{ padding:25px 20px;}
.whbox dl dd span{ font-size:24px; line-height:35px;}
.whbox dl dd p{ font-size:16px; line-height:28px;}
.whtxt{ font-size:16px; font-weight:500; line-height:32px;}
.lcbox{ padding:40px 0}
.gallery-top .swiper-slide{ font-size:17px; line-height:32px;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{ width:45px; height:45px; margin-top:-22px;}
.year{ padding-top:10px; background-position:center 26px}
.gallery-thumbs{ padding-bottom:75px;}
.gallery-thumbs .swiper-slide span{ font-size:17px; height:42px; line-height:42px;}
.zxtab{ padding-bottom:60px;}
.zxtab ul li.liz input{ height:50px; line-height:48px;}
.zxtab ul li span{ height:50px; line-height:50px;}
.zxtab ul li.li10 input{ font-size:16px; height:56px; line-height:56px;}
.contact{ padding-top:10px; padding-bottom:55px;}
.contact dl{ width:49%; margin-top:2%;}
.contact dl:nth-of-type(4n){ margin-right:2%}
.contact dl:nth-of-type(even){ margin-right:0}
.hezuo ul li img{ height:75px}
.hezuo ul li span{ font-size:15px; height:30px; line-height:30px;}
.yingyong dl dd span{ font-size:25px; line-height:40px}
.b70{ padding-bottom:50px}
.tiao{ height:15px}
.next_fy{ padding-top:30px; padding-bottom:40px;}
.next_fy a,.next_fy b{ height:36px; line-height:36px; padding:0 13px;}
.ntop{ height:81px;}
}

@media (max-width:768px) {
.ntab .tabs ul li span{ padding:8px 6px;}
.hnews dl{ width:48.8%; margin-right:2.4%; margin-top:3%}
.hnews dl:nth-of-type(3n){ margin-right:2.4%;}
.hnews-a dl:nth-of-type(4){ display:block}
.hnews dl:nth-of-type(even){ margin-right:0;}
.hnews dl dd img{ height:229px}
.youshi{ padding-top:25px;}
.youshi dl dt span{ font-size:35px;}
.youshi dl dd{ font-size:15px; line-height:27px; padding-top:5px;}
.habout .txt{ font-size:15px; line-height:27px;}
.jsys .zuo .lei dl dd span{ font-size:18px;}
.ntit{ padding-top:35px;}
.ntit h2{ font-size:28px;}
.atxt .nys{ padding-top:25px;}
.atxt .nys dl,.atxt .nys dl:nth-of-type(2),.atxt .nys dl:nth-of-type(3){ width:50%;}
.atxt .nys dl{ padding:15px 10px; box-sizing:border-box}
.atxt .nys dl:nth-of-type(3){ background:none}
.atxt .nys dl:nth-of-type(1),.atxt .nys dl:nth-of-type(2){ border-bottom:1px solid #333}
.nrtext{ padding-bottom:35px; padding-top:15px;}
.whbox dl{ padding:20px 15px;}
.whbox dl dd span{ font-size:22px; line-height:32px;}
.gallery-thumbs{ padding-bottom:65px}
.gallery-thumbs .swiper-slide span{ font-size:16px; height:40px; line-height:40px; padding:0 22px;}
.gallery-thumbs .swiper-slide-thumb-active:after{ border-width:5px;top:8px}
.hezuo ul li{ width:48.8%; margin-right:2.4%;}
.hezuo ul li:nth-of-type(3n){ margin-right:2.4%}
.hezuo ul li:nth-of-type(even){ margin-right:0}
.hezuo ul li img{ height:107px}
.weizhi{ padding:20px 0 15px; font-size:14px;}
.alimg{ padding-top:25px; padding-bottom:50px}
.alimg .wz h1{ font-size:22px; line-height:32px;}
.alimg .wz .btt{ padding-top:25px}
.ystxt dl dd span{ font-size:18px; line-height:26px;}
.ztit h2{ font-size:20px; height:32px; line-height:32px; background-size:auto 17px; background-position:0 9px; padding-left:35px}
.xgtj{ padding-bottom:0}
.xglist{ padding-bottom:40px}
.xglist ul li{ width:100%; float:none}
.xglist ul li:nth-of-type(even){ float:none}
.VideoBtn{width:50px;height:50px; margin-left:-25px; margin-top:-25px;}
}

@media (max-width:640px) {
.header{ padding:15px 0 10px;}
.header .logo img{ line-height:35px; height:35px;}
.header .menu{ margin-top:4px}
.header .mnav,.header .mnav.mnav-white{ top:65px;}
.header .logo img.i1{ display:none}
.header .logo img.i2{ display:block}
.header .menu span{ background:#666}
.hnews dl dd img{ height:187px;}
.ntit ul li a{ height:42px; line-height:42px; width:150px;}
.tbox{ display:none}
.zwbox{ height:65px; display:block}
.tbox{ height:90px; line-height:90px;}
.ntab,.ntab .swiper-nt{ padding-top:25px;}
.ntab{ padding-bottom:35px}
.ntab .tabs ul li{ width:49%;}
.ntab .tabs ul li:nth-of-type(4n){ margin-right:2%}
.ntab .tabs ul li:nth-of-type(even){ margin-right:0}
.ntab .swiper-nt dl dt{ width:100%; padding:0 0 25px;}
.ntab .swiper-nt dl dd{ width:100%;}
.ntab .swiper-nt dl dt h2{ font-size:24px; line-height:40px;}
.ntab .swiper-nt dl dt p{ padding-top:5px}
a.amore{ margin-top:25px; font-size:14px; height:42px; line-height:42px; padding-right:70px;}
a.amore:after{ background-size:auto 10px; top:15px; right:20px}
.jsys{ padding-top:30px; padding-bottom:40px;}
.jsys .zuo h2{ font-size:25px; line-height:42px; padding-bottom:15px}
.jsys .zuo .lei{-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; padding:15px}
.jsys .zuo .lei dl{ width:100%; padding:15px 0; background:none}
.jsys .zuo .lei dl:nth-of-type(2){ border-top:1px solid #ECEFF4}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:25px;}
.habout{ padding-top:35px; padding-bottom:55px;}
.habout .txt{ padding-top:10px;-webkit-line-clamp:6;}
.htit{ padding-top:25px; line-height:42px}
.b100{ padding-bottom:35px}
.youshi{ padding-top:15px;}
.youshi dl:nth-of-type(1),.youshi dl:nth-of-type(2),.youshi dl:nth-of-type(3),.youshi dl:nth-of-type(4){ width:50%;}
.youshi dl{ padding:15px 0}
.cbg{ background-size:100% auto; background-position:center bottom}
.ntit{ padding-top:25px;}
.ntit h2{ font-size:26px; line-height:40px;}
.atxt .nys{ padding-top:20px;}
.atxt .nys dl dt span{ font-size:35px;}
.atxt .nys dl dt em{top:16px}
.whbox{ padding-top:20px; padding-bottom:20px;}
.whbox dl dt img{ width:66px;}
.whbox dl dd span{ font-size:20px; line-height:30px;}
.whbox dl dd p{ font-size:15px; line-height:25px; padding-top:5px}
.whtxt{ font-size:15px; line-height:30px;}
.lcbox{ padding:30px 0}
.gallery-thumbs{ padding-bottom:50px;}
.gallery-thumbs .swiper-slide span{ font-size:15px; height:36px; line-height:36px;}
.zxtab{ padding-bottom:45px;}
.zxtab ul li.liz{ width:100%; padding:7px 0}
.zxtab ul li span{top:7px; height:46px; line-height:46px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.zxtab ul li.liz input{ height:46px; line-height:44px;}
.zxtab ul li.li10 textarea{ height:160px;}
.zxtab ul li.li10 input{ height:50px; line-height:50px; font-size:15px;}
.zxtab ul li.lib{ padding-top:16px;}
.contact{ padding-bottom:45px}
.hezuo ul li{ padding:10px;}
.hezuo ul li img{ height:90px;}
.b70{ padding-bottom:40px}
.yingyong dl{ padding-top:18px; padding-bottom:12px}
.yingyong dl dd{ padding:15px 15px 20px}
.yingyong dl dd span{ font-size:20px; line-height:36px;}
.ystxt dl{ width:100%; margin-right:0}
.alimg{ padding-bottom:35px}
.alimg .wz h1{ font-size:20px; padding:10px 0 5px}
.alimg .wz .txt{ font-size:15px;}
.alimg .wz ul.num-a{ padding-top:10px;}
.alimg .wz ul.num-b{ padding:15px 0}
.alimg .wz .btt{ padding-top:20px;}
.ztit{ padding-top:30px}
.ntop{ height:66px;}
.weizhi{ padding:17px 0 12px;}
.wztit{ padding-top:25px;}
.wztit h1{ font-size:18px; line-height:32px;}
.wztime{ padding-top:10px; font-size:14px;}
.wztxt,.next_fp{ padding-top:15px; padding-bottom:15px;}
.wztxt-d{ padding-bottom:40px;}
.xglist{ padding-bottom:30px;}
.xc-video{ padding-top:15px;}
}

@media (max-width:568px) {
.hezuo ul li img{ height:80px;}
.hnews dl dd img{ height:164px;}
}
@media (max-width:440px) {
.ntab .swiper-nt dl dt h2{ font-size:21px; line-height:37px;}
.jsys{ padding-bottom:25px}
.jsys .zuo h2,.habout h2,.htit h2{ font-size:22px;}
.jsys .zuo h2{ line-height:38px;}
.jsys .zuo .lei dl dd span{ font-size:16px; line-height:25px;}
.jsys .zuo .lei dl dd p{ font-size:14px; line-height:22px;}
.ntit{ padding-top:22px;}
.ntit h2{ font-size:22px; line-height:36px}
.atxt{ padding-top:15px;}
.nrtext{ padding-bottom:30px}
.lcbox{ padding:25px 0}
.gallery-top .swiper-slide{ font-size:15px; line-height:29px; padding:0 50px;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{ width:35px; height:35px; margin-top:-17px;}
.year{ padding-top:0; background-position:center 16px}
.gallery-thumbs{ padding-bottom:40px}
.gallery-thumbs .swiper-slide{ padding-top:40px;}
.zxtab ul li.li10 input{ padding:0; width:48%; text-align:center}
.zxtab ul li.li10 input#reset{ margin-left:3%;}
.zxtab{ padding-bottom:30px;}
.zxtab ul li span,.zxtab ul li.liz input,.zxtab ul li.li10 textarea{ font-size:15px;}
.atxt .nys dl dt span{ font-size:32px;}
.atxt .nys dl dt em{top:13px}
.atxt .nys dl dd{ font-size:14px; line-height:24px;}
.whbox dl dt img{ width:60px;}
.whbox dl dd span{ font-size:18px; line-height:26px;}
.whbox dl dd p{ font-size:14px; line-height:24px;}
.whtxt{ font-size:14px; line-height:28px;}
.next_fy{ font-size:13px; padding-top:20px; padding-bottom:30px;}
.next_fy a,.next_fy b{ height:30px; line-height:30px; padding:0 11px;}
.contact{ padding-bottom:35px;}
.contact dl{ padding:25px 10px 20px}
.hezuo ul li{ width:100%; margin-right:0}
.hezuo ul li:nth-of-type(3n){ margin-right:0}
.hezuo ul li img{ height:auto; padding-bottom:6px;}
.hezuo ul li span{ padding-top:6px;}
.hnews dl{ width:100%; margin-right:0; margin-top:3%}
.hnews dl:nth-of-type(3n){ margin-right:0}
.hnews dl dt p{ height:auto}
.hnews dl dd img{ height:auto}
.product dl{ padding:12px 12px 20px; margin-top:2.5%}
.product dl dt{ width:100%}
.product dl dt img{ height:auto}
.product dl dd{ width:100%; padding-left:0}
.product dl dd a.amore{ margin-top:15px}
.b70{ padding-bottom:30px}
.tiao{ height:12px}
.yingyong dl{ padding-top:15px; padding-bottom:10px}
.yingyong dl dd span{ font-size:18px; line-height:30px;}
.alimg{ padding-top:20px;}
.alimg .wz{ padding-top:10px}
.alimg .wz h1{ font-size:18px}
.alimg .wz ul.num-b{ padding:0}
.alimg .wz ul.num-b li{ width:100%; border-bottom:1px solid #bfcfe6; background:none; padding:10px 0}
.alimg .wz ul.num-b li:nth-of-type(3){ border:none}
.alimg .wz .btt a.mat{ width:100%; box-sizing:border-box; height:56px; line-height:56px;}
.alimg .wz .btt a.call{ margin-left:0; width:100%; margin-top:15px}
.xgtj ul li img{ height:200px;}
.xgtj ul li span{ font-size:14px; height:42px; line-height:42px;}
.ntit ul{display:flex;flex-wrap:wrap; padding-top:10px}
.ntit ul li{ width:49%; padding:1.5% 2% 1.5% 0; font-size:15px;}
.ntit ul li:nth-of-type(even){ padding-right:0}
.ntit ul li a{ width:100%; padding:0}
}

@media (max-width:375px) {
.header .logo img{ height:30px; line-height:30px;}
.header .menu{ margin-top:2px}
.header .mnav,.header .mnav.mnav-white{top:60px;}
.header .menu span{ width:18px;}
.zwbox{ height:60px;}
.ntab,.ntab .swiper-nt{ padding-top:20px}
.ntab .tabs ul li span{ font-size:14px;}
.ntab .swiper-nt dl dt h2{ font-size:20px}
.youshi{ padding-bottom:0}
.habout{ padding-bottom:50px}
.b100{ padding-bottom:30px;}
.contact{ padding-bottom:30px}
.contact dl{ width:100%; margin-right:0}
.zxtab ul li.li10 input{ height:46px; line-height:46px;}
.ntit h2{ font-size:20px;}
.ntop{ height:61px}
.weizhi{ padding:15px 0 10px;}
.alimg .wz h1{ font-size:17px; line-height:29px;}
.alimg .wz .txt{ font-size:14px; line-height:26px;}
.alimg .wz ul.num-a li{ font-size:14px; line-height:22px; background-size:15px auto; background-position:0 8px; padding-left:20px}
.ztit{ padding-top:20px; padding-bottom:10px;}
.ztit h2{ font-size:18px}
.ystxt dl dt{ width:70px;}
.ystxt dl dd span{ font-size:17px}
.ystxt dl dd{ width:calc(100% - 85px);}
.ystxt dl dd p{ font-size:14px; line-height:22px;}
.xgtj ul li img{ height:160px;}
.alimg{ padding-bottom:30px;}
.wztit{ padding-top:17px;}
.wztit h1{ font-size:17px; line-height:26px;}
}

@media (max-width:360px) {
.b70{ padding-bottom:25px}
.yingyong dl dd span{ font-size:17px; line-height:29px;}
}